<template>
  <div class="header">
    <router-link to="/cone">第一个</router-link>
    <router-link to="/ctow">第二个</router-link>
    <router-link to="/cthree">第三个</router-link>
    <router-link to="/cfou">第四个</router-link>
  </div>
</template>

<script>
export default {
  name: "Header"

}
</script>

<style scoped>
  .header{
    width: 100%;
    height: 15%;
    background-color: #8a9aff;
    display: flex;

    justify-content: space-evenly;
  }
</style>